<template>
  <view class="card">
    <view class="f_row_center" style="margin-bottom: 20rpx">
      <image src="/static/house_02.png" style="height: 36rpx;width: 36rpx;margin-right: 10rpx"/>
      <view class="item_title" style="margin-bottom: 0rpx">{{ name }}</view>
    </view>

    <item-content-view class="item_text" style="margin-left: 0" :list="content"/>
  </view>
</template>

<script lang="ts">
import {Vue, Component, Prop} from "vue-property-decorator";
import ItemContentView from "@/pages/data/components/item_content_view.vue";

@Component({
  components: {
    ItemContentView,
  }
})
export default class ItemAreaCardView extends Vue {
  @Prop() content?: any;
  @Prop() name?: any;


}
</script>

<style scoped>
.card {
  /*background: linear-gradient(132deg, #FFFFFF 0%, #B6CDFF 100%);*/
  /*box-shadow: 0px 10rpx 30rpx 0px rgba(0, 0, 0, 0.05);*/
  /*border-radius: 20rpx;*/
  /*padding: 30rpx;*/
  margin: 20rpx;
}
</style>